<?php 

	//$_SERVER['DOCUMENT_ROOT'];
	$directory = "public/images/background/";
	//echo $_SERVER['DOCUMENT_ROOT'];;
	$imgs = glob($directory . "*.jpg");
	shuffle($imgs);

	$img = $imgs[0];

?>
<!DOCTYPE HTML>
<html lang="en"><head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="keywords" content="<?= $this->meta_keywords ?>" />
    <meta name="title" content="<?= $this->meta_title ?>" />
    <meta name="description" content="<?= $this->meta_description ?>" />
    <meta name="uri-translation" content="on" />
    <title>
    <?= $this->meta_title ?>
    </title>
    <link rel="shortcut icon" href="<?php echo base_url();?>public/images/favicon.ico" />
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0" />
    <style>
		
		.booking_btn {
			background: none repeat scroll 0 0 #b1492b;
			border: medium none;
			border-radius: 0;
			color: #ffffff;
			cursor: pointer;
			float: right;
			font-size: 12px;
			margin-top: 12px;
			padding: 5px 10px;
			text-transform: uppercase;
		}
		
		#checkinDateText, #checkoutDateText, #Ccode {
			border: 1px solid #cccccc;
			float: right;
			font-family: Arial,Helvetica,sans-serif;
			height: 25px;
			padding: 0 10px;
			width: 60%;
			background:url("http://www.lynnaya-hotel-angkor.com/public/images/glyphicons-halflings-datepicker.png") no-repeat scroll 96% 50% #ffffff; 
		}
		#staahbooking {
			background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
			border-radius: 5px;
			color: #000000;
			float: left;
			margin: 0 auto;
			padding: 10px;
			position: relative;
			width: 260px;
		}
		.be_widget h3 {
			background: none repeat scroll 0 0 #b9442f;
			color: #ffffff;
			float: left;
			margin: 0;
			padding: 33px 10px;
		}
		button.ui-datepicker-trigger{
			display:none !important;
		}
		
		.cal_widget label {
			color: #000000;
			float: left;
			font-family: Arial,Helvetica,sans-serif;
			font-size: 15px;
			text-shadow: 0 0 1px #8b8b8b;
			text-transform: uppercase;
			width: auto;
   		  	padding: 5px 0 0;
		}
		ul.cal_widget li {
			width:100%;
			list-style:none;
			display: inline;
			float: left;
			margin: 0;
			padding: 0;
		}
		ul.cal_widget {
			margin: 0;
			padding: 0;
		}
		#ui-datepicker-div {
			display:none;
			z-index: 999999
		}
		.cal_widget #hotel {
			margin-bottom:2px;
		}
		.be_widget h3 {
			background: none repeat scroll 0 0 #b9442f;
			color: #ffffff;
			float: left;
			margin: 0;
			padding: 33px 10px;
		}
		</style>
    <!--[if lt IE 9]>
    <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <script type="text/javascript" src="<?php echo base_url();?>public/js/jquery-1.8.3.min.js"></script>
    <script src="//code.jquery.com/ui/1.11.0/jquery-ui.js"></script>

    <!--<script type='text/javascript' src='<?php /*echo base_url();*/?>public/js/respond.min.js'></script>-->
    <!-- SlideShow -->
    <script type="text/javascript" src="<?php echo base_url();?>public/js/bgstretcher.js"></script>
    <link rel="stylesheet" type="text/css" href="<?php echo base_url();?>public/css/bgstretcher.css" />
    <!-- MainCSS -->
    <link rel="stylesheet" type="text/css" href="<?php echo base_url();?>public/css/main.css" />
    <script type="text/javascript">
        $(document).ready(function(){

            $('body').bgStretcher({
                images: [
                    '<?php echo base_url().$img;?>'
                ],
                imageWidth: 1920,
                imageHeight: 1020,
                slideDirection: 'N',
                slideShowSpeed: 1400,
                transitionEffect: 'fade',
                sequenceMode: 'normal',
                buttonPrev: '#prev',
                buttonNext: '#next',
                pagination: '#nav',
                anchoring: 'left center',
                anchoringImg: 'center center'
            });

        });

    </script>
    <?php include('application/views/lyn/v_analyticstracking.php'); ?>
    </head>
    <body>
<?php // onLoad="showModal()" ?>
<div id="container">
<div id="header">
      <div class="wrapHeader">
    <div class="bg-logo"></div>
    <?= anchor(
                        "",
                        '<div class="logo"></div>',
                        isset($page_name) ? ( $page_name == "contacts" ? "class='active'" : "" ) : "" );?>
  </div>
    <div style="border: 2px solid #b9442f;color: #000000;float: right;font-size: 21px;opacity: 0.9;position: absolute;right: 50px;text-align: center;top: 34px;width: auto;z-index: 121;" class="be_widget bg-logo">
    <h3>Booking Online</h3>
    <script type="text/javascript" language="javascript" src="https://secure.staah.com/common-cgi/properties/widget/staahbookingcb.php?id=2157&curdate=yes&dateformat=dd M yy&buttontext=Book Online&nonights=14&unk=40"></script> 
  </div>
    </div>
<!-- .header -->
<div class="clear"></div>
